<!DOCTYPE HTML>
<html>
<!--_meta 作为公共模版分离出去-->
{include file="common/_meta"}
<!--/meta 作为公共模版分离出去-->

<body>
<!--_header 作为公共模版分离出去-->
{include file="common/_header"}
<!--/_header 作为公共模版分离出去-->
<!--_menu 作为公共模版分离出去-->
{include file="common/_menu"}
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
<!--_nav 作为公共模版分离出去-->
{include file="common/_nav"}
<!--/_nav 作为公共模版分离出去-->
<div class="Hui-article">
<article class="cl pd-20">
        <form action="" method="post" class="form form-horizontal" id="form-permission-add">
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>控制器：</label>
                <div class="formControls col-xs-8 col-sm-3"> <span class="select-box">
                    <select class="select" id="sel_Sub" name="pid">
                        <option value="0">--请选择控制器--</option>
                        {foreach $data as $k=>$val}
                        <option value="{$k}"> {$val} </option>
                        {/foreach}
                    </select>
                    </span> </div>
                <span class="c-red">不选则添加控制器</span>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>权限名称：</label>
                <div class="formControls col-xs-8 col-sm-3">
                    <input type="text" class="input-text" value="" placeholder="控制器或方法" id="permi_name" name="permi_name">
                </div>
                <div class="col-3"> </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>控制器或方法：</label>
                <div class="formControls col-xs-8 col-sm-3">
                    <input type="text" class="input-text" value="" placeholder="请填写控制器或方法" id="permi_method" name="permi_method">
                </div>
                <span class="c-red">即系统执行的控制器/方法,请确保填写的控制器和方法与代码中的一直,否则无法执行权限检测</span>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">描述：</label>
                <div class="formControls col-xs-8 col-sm-5">
                    <textarea name="note" cols="" rows="" class="textarea"  placeholder="说点什么...最多输入100个字符" datatype="*10-100" dragonfly="true" nullmsg="备注不能为空！" onKeyUp="textarealength(this,200)"></textarea>
                    <p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
                </div>
                <div class="col-3"> </div>
            </div>
             <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                </div>
            </div> 
        </form>
    </article>
</div>
</section>

<!--_footer 作为公共模版分离出去-->
{include file="common/_footer" /}
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript">
$(function(){
    $("#form-category-add").submit(function(){
        var note = $("#note").val();
    
        if(!$("#cate_name").val()){
            layer.msg('栏目名不能为空!',{icon:5,time:1000});
            return false;
        }
        
        if(getblen(note)>200){
            layer.msg('备注过长',{icon:5,time:1000});
            return false;
        }
    })  
})

function textarealength(obj,toplength){
    var note =$(obj).val();
    var blen = getblen(note);

    if(blen<=toplength){
        $(".textarea-length").html(blen);
    }else{
        $(".textarea-length").css('color','red');
        $(".textarea-length").html(blen);
    }
}
//获取textarea字符长度，中文单字2字符，英文1字符
function getblen(str){
    var l = str.length;
    var blen = 0;

    for(i=0; i<l; i++) {
        if ((str.charCodeAt(i) & 0xff00) != 0) {
            blen ++;
        }
            blen ++;
    }

    return blen;
}
</script>
<!--请在上方写此页面业务相关的脚本--> 

</body>
</html>